import { createRouter, createWebHistory } from 'vue-router'

import Layout from '@/views/Layout/index.vue'
import Home from '@/views/Home/index.vue'

const router = createRouter({
	history: createWebHistory(),
	routes: [
		{
			path: '/',
			component: Layout,
			children: [
				{
					path: '',
					component: Home,
				},
				{
					path: 'category/:id',
					component: () => import('@/views/Category/index.vue') 
				},
				{
					path: 'category/sub/:id',
					component: ()=> import('@/views/SubCategory/index.vue') 
				},
				{
					path: 'detail/:id',
					component: () => import('@/views/Detail/index.vue') 
				},
				{
					path: 'cart',
					component: () => import('@/views/Cart/index.vue') 
				},
				{
					path: 'checkout',
					component: () => import('@/views/Checkout/index.vue') 
				},
				{
					path: 'pay',
					component: () => import('@/views/Pay/index.vue') 
				},
				{
					path: 'paycallback', // 注意路径，必须是paycallback
					component: () => import('@/views/Pay/PayBack.vue') 
				},
				{
					path: 'member',
					component: () => import('@/views/Member/index.vue') ,
					children: [
						{
							path: '',
							component: ()=> import('@/views/Member/index.vue') 
						},
						{
							path: 'order',
							component: () => import('@/views/Member/components/UserOrder.vue') 
						}
					]
				}
			]
		},
		{
			path: '/login',
			component: () => import('@/views/Login/index.vue') 
		}
	],
	//路由滚动行为定制
	scrollBehavior() {
		return {
			top: 0
		}
	}
})

export default router